<template>
  <h1>属性指令相关练习</h1>
  <input type="text" value="tom"><br>
  <input type="text" value="info"><br>
<!--  通过v-bind: 来修改某属性的值-->
  <!--  v-bind:value-->
  <!--   可以省略为 :value-->
  <input type="text" v-bind:value="info"><br>
  <input type="text" :value="info"><br>
  <!--  v-bind:href-->
  <!--   可以省略为 :href-->
  <a href="https://www.baidu.com/">跳转</a><br>
  <a v-bind:href="url">跳转</a><br>
  <a :href="url">跳转</a><br>
</template>
<script setup>
import {ref} from "vue";
const info = ref("修改属性值6666")
const url = ref("https://www.tmooc.cn/")
// info.value=user.username;
</script>

<style scoped>

</style>